﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Example.aspx.cs" Inherits="DreamCube.Websites.UI.Common.JQ.Controls.JQDD.Example" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>使用实例</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td><div id="div1" style="width:4cm;height:4cm;border:1px solid black;background-color:yellow;">可拖动的对象</div></td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td><div id="div2" style="width:4cm;height:4cm;border:1px solid black;background-color:Red;">可投放的对象</div></td>
            </tr>
        </table>
    </div>
    <DC:JQJS runat="server" />
    <DC:JQDD runat="server" />
    </form>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        JQDD.setDrapEl("div1");
        JQDD.setDropEl("div2");
    });
</script>
